
import './grid.css';
import React,{ Component } from 'react';
import { Row, Col,Form } from 'antd';
const FormItem = Form.item;

class Grid extends Component {
	constructor(props) {
		super(props);
		this.state = {

		}
	}
	render() {
		return (
			<Form>
			    <div style={{ padding: '20px 50px'}}>
			    	<Row>
				      <Col span={2}>col-12</Col>
				      <Col span={20}>col-12</Col>
				    </Row>
				    <Row>
				      <Col span={8}>col-8</Col>
				      <Col span={8}>col-8</Col>
				      <Col span={8}>col-8</Col>
				    </Row>
				    <Row>
				      <Col span={6}>col-6</Col>
				      <Col span={6}>col-6</Col>
				      <Col span={6}>col-6</Col>
				      <Col span={6}>col-6</Col>
				    </Row>
			    </div>
			    <hr />
			    <div>
			    	<div className="gutter-example">
					    <Row gutter={24}>
					      <Col className="gutter-row" span={2}>
					        <div className="gutter-box">col-6</div>
					      </Col>
					      <Col className="gutter-row" span={22}>
					        <div className="gutter-box">col-6</div>
					      </Col>
					    </Row>
					</div>
			    </div>
			</Form>
		)
	}
}
export default Grid;